<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <div class="row">
        <th:block th:if="${#maps.isEmpty(userCashAccountMap[1])}">
            <section class="col-sm-6">
                <div class="cash-item__wrap pt10 pl10 pr10 pb10">
                    <section class="ml10 mr10 pt10">
                        <h4><b class="fs18">支付宝</b><span class="fs12 c-danger">（未绑定）</span></h4>
                        <section class="mt20 form-horizontal">
                            <div class="row">
                                <label class="col-sm-4 control-label">真实姓名：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static">——</p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-4 control-label">支付宝账号：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static">——</p>
                                </div>
                            </div>
                        </section>
                        <section class="mt20 pt10 pb10 text-center">
                            <button type="button" data-type="1" class="btn btn-w-m btn-danger btn-outline binding-account">去绑定</button>
                        </section>
                    </section>
                </div>
            </section>
        </th:block>
        <th:block th:if="${#maps.isEmpty(userCashAccountMap[2])}">
            <section class="col-sm-6">
                <div class="cash-item__wrap pt10 pl10 pr10 pb10">
                    <section class="ml10 mr10 pt10">
                        <h4><b class="fs18">微信</b><span class="fs12 c-danger">（未绑定）</span></h4>
                        <section class="mt20 form-horizontal">
                            <div class="row">
                                <label class="col-sm-4 control-label">真实姓名：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static">——</p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-4 control-label">微信ID：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static">——</p>
                                </div>
                            </div>
                        </section>
                        <section class="mt20 pt10 pb10 text-center">
                            <button type="button" data-type="2" class="btn btn-w-m btn-danger btn-outline binding-account">去绑定</button>
                        </section>
                    </section>
                </div>
            </section>
        </th:block>
        <th:block th:if="!${#maps.isEmpty(userCashAccountMap[1])}">
            <section class="col-sm-6">
                <div class="cash-item__wrap pt10 pl10 pr10 pb10">
                    <section class="ml10 mr10 pt10">
                        <h4><b class="fs18">支付宝</b><span class="fs12 c-primary">（已绑定）</span></h4>
                        <section class="mt20 form-horizontal">
                            <div class="row">
                                <label class="col-sm-4 control-label">真实姓名：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static" th:text="${userCashAccountMap[1]['realName']}"></p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-4 control-label">支付宝账号：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static" th:text="'***'+${#strings.substring(userCashAccountMap[1]['account'],2,5)}+'***'"></p>
                                </div>
                            </div>
                        </section>
                        <section class="mt20 pt10 pb10 text-center">
                            <button type="button" data-type="1" class="btn btn-w-m btn-success btn-outline binding-account">修改</button>
                        </section>
                    </section>
                </div>
            </section>
        </th:block>
        <th:block th:if="!${#maps.isEmpty(userCashAccountMap[2])}">
            <section class="col-sm-6">
                <div class="cash-item__wrap pt10 pl10 pr10 pb10">
                    <section class="ml10 mr10 pt10">
                        <h4><b class="fs18">微信</b><span class="fs12 c-primary">（已绑定）</span></h4>
                        <section class="mt20 form-horizontal">
                            <div class="row">
                                <label class="col-sm-4 control-label">真实姓名：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static" th:text="${userCashAccountMap[2]['realName']}"></p>
                                </div>
                            </div>
                            <div class="row">
                                <label class="col-sm-4 control-label">微信ID：</label>
                                <div class="col-sm-8">
                                    <p class="form-control-static" th:text="${#strings.substring(userCashAccountMap[2]['account'],0,10)}+'***'"></p>
                                </div>
                            </div>
                        </section>
                        <section class="mt20 pt10 pb10 text-center">
                            <button type="button" data-type="2" class="btn btn-w-m btn-success btn-outline binding-account">修改</button>
                        </section>
                    </section>
                </div>
            </section>
        </th:block>
    </div>
</html>